<!--
 * @Author: liuyonghu
 * @Date: 2021-12-21 17:29:42
 * @LastEditTime: 2021-12-27 10:50:23
 * @LastEditors: liuyonghu
 * @Description: 
 * @FilePath: /demos/css3/文字镂空.html
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div
      style="
        height: 500px;
        width: 500px;
        letter-spacing: 2px;
        text-align: center;
        border: 1px solid gray;
        font-size: 120px;
        font-weight: 900;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-repeat: no-repeat;
        background-image: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0628%2F29618e08j00qverj7001ec000ci00loc.jpg%26thumbnail%3D650x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1642671137&t=bcb9f545967cb6b80fb6c35b8517ab7a);
      "
    >
      wen zi wen zi wen zi
    </div>

    <script>
      async function name() {
        const p = function (params) {
          return new Promise((reslove, reject) => {
            if (params) {
              setTimeout(() => {
                //    reslove(console.log('reslove', params));
                reslove(params);
              }, 1000);
              return;
            }
            reject(console.log('reject', params));
          });
        };
        console.log(' - 1');
        await p(1).then((par) => {
          console.log('par -- ', par);
        });
        console.log('1 - ');
      }
      name();
    </script>
  </body>
</html>
